<template>
  <div class="home_box">
    <h1>首页</h1>
    <!-- <div class="home_tab_bar"></div>
    <div class="home_tab_container"></div>
    <div class="home_tab_nav">
      <Button class="home_button">
        <div class="home_item_box"  @click="Onclick(index)">
          <p class="iconfont icon-shouye"></p>
          <p class="content">首页</p>
        </div>
        <div class="home_item_box"  @click="Onclick(index)">
          <p class="iconfont icon-fenlei"></p>
          <p class="content">分类</p>
        </div>
        <div class="home_item_box"  @click="Onclick(index)">
          <p class="iconfont icon-qicheqianlian-"></p>
          <p class="content">购物车</p>
        </div>
        <div class="home_item_box"  @click="Onclick(index)">
          <p class="iconfont icon-wode"></p>
          <p class="content">我的</p>
        </div>
      </Button>
    </div> -->
  </div>
</template>

<script>

export default {
  // components: {
  //   Button,
  // },
  // data() {
  //   return {
  //     isShow:true,
  //     getindex:0
  //   }
  // },
  // methods:{
  //   Onclick(index){
  //     // console.log(index);
  //     this.getindex=index
  //   }
  // }
};
</script>

<style scoped>
/* .home_box {
  width: 100%;
}
.home_tab_bar {
  width: 100%;
  height: 3rem;
  position: fixed;
  top: 0rem;
  left: 0rem;
  background-color: yellow;
}
.home_tab_container {
  width: 100%;
  height: 50rem;
  background-color: wheat;
}
.home_tab_nav {
  width: 100%;
  height: 3rem;
  background-color: yellowgreen;
  position: fixed;
  bottom: 0rem;
  left: 0rem;
}
.home_button {
  width: 100%;
  height: 3rem;
  background-color: violet;
  display: inline-flex;
  justify-content: space-around;
  align-items: center;
}
.content {
  font-size: 0.8rem;
}
.iconfont {
  font-size: 1.3rem;
}
.home_item_box {
  text-align: center;
}
.home_item_box_active {
  text-align: center;
  color: red;
} */
</style>